// 全局注册组件 ---------------------------

import XtxSkeleton from './xtx-skeleton.vue' // 骨架
import XtxCarousel from './xtx-carousel.vue' // 轮播图
import XtxMore from './xtx-more.vue' // 查看全部按钮(路由跳转)
import XtxNumbox from './xtx-numbox.vue' // 商品加减数量
import XtxButton from './xtx-button.vue' // 普通按钮
// import XtxMessage from './xtx-message.vue' // 弹窗提示组件
import Message from './Message' // 弹窗提示 方法(可以在js代码中操作的)
import XtxCheckbox from './xtx-checkbox.vue'// 复选框(单选/全选 )

export default {
  install (app) {
    // 注册全局组件
    app.component(XtxSkeleton.name, XtxSkeleton) // 参数第一个值为自定义组件名
    app.component(XtxCarousel.name, XtxCarousel)
    app.component(XtxMore.name, XtxMore)
    app.component(XtxNumbox.name, XtxNumbox)
    app.component(XtxButton.name, XtxButton)
    app.component(XtxCheckbox.name, XtxCheckbox)

    // app.component(XtxMessage.name, XtxMessage)
    // 给Vue组件实例扩展内容
    // Vue2 方式:   Vue.prototype.$message = Message
    // Vue3 ⬇
    app.config.globalProperties.$message = Message
  }
}
